/*
Theme Name: Nisarg
Theme URI: https://www.falgunithemes.com/downloads/nisarg/
Author: Falguni Desai
Author URI: https://www.falgunithemes.com
Description: Nisarg is a new fully responsive and translation ready theme that allows you to create stunning blogs and websites. Theme is well suited for travel, photography, recipe, design, art, personal and any other creative websites and blogs. The theme is developed using Bootstrap 3 that makes it mobile and tablets friendly.  It has various options in WordPress Customizer to change look of the theme. Theme customizer can be used to add your own header image of flexible height, background image, to set background color, header text color and accent color. Theme supports eight post formats, such as: Video, Image, Aside, Status, Audio, Quote, Link and Gallery. 
Version: 1.2.8.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: flexible-header, two-columns, right-sidebar, theme-options, custom-colors, custom-background, custom-header, custom-menu, featured-images,  post-formats, sticky-post, translation-ready, rtl-language-support, threaded-comments
Text Domain: nisarg

This theme is licensed under the GPL.

*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 Repeatable Patterns
 * 3.0 Header
 *     3.1 Site Navigation Bar
 *     3.2 Site Header
 * 4.0 Content
 *     4.1 Post-Content
 *     4.2 Page and Post Navigation links 
 *     4.3 Post Formats
 *     4.4 Gallery
 *     4.5 Post-Comments
 * 5.0 Sidebar - Widgets
 * 6.0 Site Footer
 * 7.0 Media Queries
 * 8.0 Print
 * 9.0 Jetpack Infinite Scroll
 * 10.0 Gutenberg
 * 11.0 Bootstrap grid and tables
 *     
**/

/**
 * 1.0 Reset
  * -----------------------------------------------------------------------------
 */


body {
    background: #eceff1;
}

body,
button,
input,
select,
textarea {
    color: #424242;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Source Sans Pro', sans-serif;
}


h1,h2,h3,h4,h5,h6 {
    clear: both;
    color: #212121;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 400;
}

p{
    margin-bottom: 1.5em;
    line-height: 1.7em;
}


a{
    color: #607D8B;
    text-decoration: none;
}

a:visited {
    color: #78909c;
    text-decoration: underline;
}

a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
}

a:hover{
    text-decoration: none;
}

a img {
    border: 0;
}

dd {
    margin: 0 1.5em 1.5em;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    border-right: 5px solid #455A64;
    background: #F5f5f5;
    font-size: 18px;
    font-style: italic;
    margin-right: 0.5em;
}

blockquote p{
    font-size: 18px;
}

code {
    white-space: normal;   
    color: #666;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

table caption {
    text-align: center;
    text-transform: uppercase;
}

thead{
    background-color: #fff;
    color:#212121;
}

table,th,td{
     border: 1px solid #ddd;
}

th, td {
  padding: 0.7em;
  text-align: right;
 
}

tbody tr:nth-child(odd) {
  background: #eee;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

embed,
iframe,
object {
    max-width: 100%;
}

iframe{
    width: 100%;
}


/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */


/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

button,
input,
textarea {
	font-family: inherit;
	padding: 5px;
}

input,
textarea {
	color: #727272;
    border: 1px solid #aaa1a8;
}

input:focus,
textarea:focus {
	outline: 0;
}

input:hover,
textarea:hover {
	outline: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid #455A64;
    border-radius: 2px;
    background:    -moz-linear-gradient(#607d8b, #455a64);
    background:    -o-linear-gradient(#607d8b, #455a64);
    background:    -webkit-linear-gradient(#607d8b, #455a64);
    background:    linear-gradient(#607d8b, #455a64);
    color:#fff;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border: 1px solid #455A64;
    border-radius: 2px;
    background:    -moz-linear-gradient(#607d8b, #455a64);
    background:    -o-linear-gradient(#607d8b, #455a64);
    background:    -webkit-linear-gradient(#607d8b, #455a64);
    background:    linear-gradient(#607d8b, #455a64);
    color:#fff;
}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border: 1px solid #455A64;
    border-radius: 2px;
    background:    -moz-linear-gradient(#607d8b, #455a64);
    background:    -o-linear-gradient(#607d8b, #455a64);
    background:    -webkit-linear-gradient(#607d8b, #455a64);
    background:    linear-gradient(#607d8b, #455a64);
    color:#fff;
}

input[type=text],
input[type=email],
textarea {
    color: #727272
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
    color: #727272;
}


input[type="search"].search-field {
    border-radius: 0 2px 2px 0;
    width: -webkit-calc(100% - 42px);
    width: calc(100% - 42px);
}

.search-form {
    position: relative;
}

.search-form label{
    width: 100%;
    margin-bottom: 0px;
}

.search-submit:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 16px;
    right: 2px;
    line-height: 42px;
    position: relative;
    width: 40px;
}

.search-submit {
    border-radius: 2px 0 0 2px;
    bottom: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
}


img{
    margin-bottom: 1em;
}

.alignnone {
    margin: 5px 0 20px 20px;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:left;
    margin: 5px 20px 20px 0;
}

.alignleft {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignright {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignnone {
    margin: 5px 0 20px 20px;
}

a img.alignleft {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}

.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.aligncenter,
.wp-caption.alignnone{
        margin: 5px auto 20px;
}

.wp-caption.alignleft{
    margin: 5px 0 20px 20px;
}
.wp-caption.alignright{
    margin: 5px 20px 20px 0px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption-text {
    font-size: 14px;
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
    max-width: 100%;
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
 
.entry-content img,
img.size-full {
    max-width: 100%;
    width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}


.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

img.wp-post-image{
    max-width: 100%;
    width: auto;
}

img.wp-post-image{
    height: auto;
}

.image-attachment{
    margin-right: auto;
    margin-left: auto;
}

.featured-image img{
    display: block;
    margin:0 auto 15px;
}



/**
 * 3.0 Header
 * ----------------------------------------------------------------------------
 */

/**
 * 3.1 Site Navigation Bar
 * ----------------------------------------------------------------------------
 */
 .nav{
    display: block;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  top:0;
  z-index: 1030; }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.admin-bar .navbar-fixed-top {
  top: 32px; }
  
@media (max-width: 782px) {
    .admin-bar .navbar-fixed-top{
    top: 46px;
    position: absolute;
  } 
}
.navbar-brand{
    font-size: 20px;
    font-weight: 600;
}
.main-navigation {
    background-color: white;
    box-shadow: 0px 1px 1px rgba(100,100,100, 0.2);
    clear: both;
    display: block;
    float: right;
    margin-bottom: 0px;
    width: 100%;
    text-transform: uppercase;
}
.main-navigation ul {
    display: none;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    list-style: none;
    margin: 0;
    padding-right: 0;
}

.main-navigation li {
    position: relative;
}

.main-navigation > li > a {
    padding-top: 11px;
    padding-bottom: 11px;
    line-height: 20px;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}
.primary-menu > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.sub-menu > li > a {
    display: block;
    padding: 10px 15px;
    clear: both;
    font-weight: normal;
}
.sub-menu {
    text-align: right;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
}
.main-navigation .open > a, .main-navigation .open > a:hover, .main-navigation .open > a:focus {
    background-color: #fff;
    border-color: #fff;
}
.main-navigation .navbar-brand {
    color: #333333;
}
.main-navigation .navbar-brand:hover, .main-navigation .navbar-brand:focus {
    color: #000000;
}
.main-navigation .navbar-text {
    color: #333333;
}
.main-navigation .primary-menu > li > a {
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    color: #333333;
}
.main-navigation .primary-menu > li > ul.toggle-on{
    display: block;
}
.main-navigation .primary-menu > li > .sub-menu > li > a {
    color: #333333;
}
.main-navigation .primary-menu > li > .sub-menu > li > a:hover,
.main-navigation .primary-menu > li > .sub-menu > li > a:focus {
    color: #777;
}
.main-navigation .primary-menu > li > .sub-menu > li > .divider {
    background-color: #ffffff;
}
.main-navigation .primary-menu > .active > a, .main-navigation .primary-menu > .active > a:hover, .main-navigation .primary-menu > .active > a:focus {
    background: #fff;
}
.main-navigation .primary-menu > .open > a, .main-navigation .primary-menu > .open > a:hover, .main-navigation .primary-menu > .open > a:focus {
    background: #fff;
}
.main-navigation .open > a, .main-navigation .open > a:hover, .main-navigation .open > a:focus {
    background-color: #fff;
    border-color: #fff;
}
.main-navigation ul ul {
    display: none;
    margin-right: 0.875em;
}
.no-js .main-navigation ul ul {
    display: block;
}
.main-navigation ul ul a {
    color: #333333;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    right: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    right: 100%;
}
.main-navigation .menu-toggle {
    border-color: #455A64;
}
.main-navigation .menu-toggle:hover, .main-navigation .menu-toggle:focus {
    background-color: #455A64;
    color: #fff;
}
.main-navigation .menu-toggle .icon-bar {
    background-color: #333;
}
.main-navigation .menu-toggle:hover .icon-bar,.main-navigation .menu-toggle:focus .icon-bar{
    background-color: #fff;
}
.main-navigation .navbar-link {
    color: #333333;
}
.main-navigation .navbar-link:hover {
    color: #000000;
}
.menu-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin-left: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.menu-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.menu-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
.dropdown-toggle {
    background-color: #fff;
    background: linear-gradient(#fff, #fff);
    border: 0;
    border-radius: 0;
    color: #1a1a1a;
    content: "";
    /*height: 48px;*/
    height: 40px;
    padding: 0;
    position: absolute;
    left: 0;
    right: auto;
    text-transform: none;
    top: 0;
    width: 40px;
}
.dropdown-toggle:hover, .dropdown-toggle:focus {
    background-color: #fff;
    background: linear-gradient(#fff, #fff);
}
.dropdown-toggle:after {
    border: 0 solid #d1d1d1;
    background-color: #fff;
    font-family: FontAwesome;
    content: '\f0d7';
    font-size: 14px;
    right: 1px;
    position: relative;
    width: 40px;
}
.dropdown-toggle.toggled-on:after {
    content: '\f0d8';
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
    background-color: transparent;
    border: none;
    color: #777;
    outline: none;
    outline-offset: -1px;
}
.dropdown-toggle:focus:after {
    border-color: transparent;
}
.dropdown-toggle,
.menu-toggle {
    display: block;
}
.main-navigation .primary-menu .open .sub-menu > li > a {
    color: #333333;
}
.main-navigation .navbar-collapse, .main-navigation .navbar-collapse {
   max-height: 900px;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled .primary-menu {
    display: block;
}
.menu-toggle:focus {
    outline: 0;
}
.main-navigation ul .toggled-on {
    display: block;
}
@media screen and (min-width: 768px) {
    .dropdown-toggle,
    .main-navigation ul .dropdown-toggle.toggled-on,
    .menu-toggle {
        display: none;
    }
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
        float: left;
    }
    .main-navigation ul ul {
        float: right;
        position: absolute;
        /*top: 1.5em;*/
        top: 100%;
        right: -999em;
        display: block;
        z-index: 99999;
        margin-right: 0;
    }
    .main-navigation ul ul ul {
        right: -999em;
        display: block;
        top: -1px;
    }
    .main-navigation ul ul a {
        min-width: 160px;
    }
    .main-navigation li {
        float: right;
    }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
        right: auto;
        display: block;
    }
    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
        right: 100%;
        display: block;
    }
    .sub-menu {
        border: 1px solid #ccc;
        border-radius: 4px;
        border-top-right-radius: 0;
        border-top-left-radius: 0; 
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }
    .main-navigation .menu-item-has-children > a {
        margin: 0;
        padding-left: 2.25em;
    }
    .main-navigation .menu-item-has-children > a:after {
        content: '\f0d7';
        font-family: FontAwesome;
        position: absolute;
        left: 1.125em;
        top: 0.8125em;
    }
    .main-navigation ul ul .menu-item-has-children > a {
        padding-left: 15px;
    }
    .main-navigation ul ul .menu-item-has-children > a:after {
        left: 0.5625em;
        top: 0.8em;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .main-navigation .primary-menu > li > .sub-menu {
        background-color: #ffffff;
        margin-top: 0;
    }
}
@media screen and (min-width: 800px) {
    .main-navigation ul ul a {
        min-width: 160px;
    }
}
/**
 * 3.2 Site Header
 * ----------------------------------------------------------------------------
 */

.site-header{
    background: #b0bec5;
    position: relative;
    width: 100%;
    margin-bottom: 3em;
    overflow: hidden;
    min-height: 120px;
}

.site-header .site-branding {
    margin: 0;
   position: absolute;
    top: 50%;
    right: 50%;
    margin-left: -50%;
    -webkit-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    text-align: center;  
}

.site-title {
    color: #fff;
    font-size: 3.5em;
    font-weight: 700;
    text-transform: uppercase; 
    letter-spacing: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-shadow:rgba(255,255,255,.1) 1px -1px 1px,rgba(0,0,0,.5) -1px 1px 1px;
}

.site-title::after{
    background-color: #fff;
    content:"";
    height: 2px;
    display: block;
    width: 20%;
    margin: 10px auto;
}

.site-description {
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    padding: 0.2em 0em;
    letter-spacing: 5px;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 0px;
    text-shadow:rgba(255,255,255,.1) 1px -1px 1px,rgba(0,0,0,.5) -1px 1px 1px;
}

.site-title a,
.site-description a{
    text-decoration: none;
}

.home-link{
     text-decoration: none;
}


/**
 * 4.0 Main Content
 * ----------------------------------------------------------------------------
 */

 /* 4.1 Post-Content
 * ----------------------------------------------------------------------------
 */

 .sticky {
    
}

.sticky-post{
    position: absolute;
    top:0;
    right: 15px;
    padding: 5px 15px;
}
.hentry {
    margin: 0 0 1.5em;
}

.post-content,.single-post-content,.post-comments,.comments-area{
    background-color: white;
    clear: both;
    margin-bottom: 2em;
    
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}

.entry-header,.entry-content,.entry-summary,.entry-footer{
    padding: 0 4em;
}

.featured-image{
    padding: 0.5em 0.5em;
}

.single-post-content{
    padding: 0 4em;
}

.comments-area{
    padding: 1.5em 4em;
    background: white;
    overflow: hidden;
}

.post-comments{  
    border-radius: 0px;
    border: none;
    padding: 2em;
    overflow: hidden;
}

.post-comments .comments-area{
    background: white;
    padding: 1em 2em;
    overflow: hidden;
    box-shadow: none;
}

.post-content hr{
    margin-top: 20px;
    margin-bottom: 20px;
    border-color: #B6B6B6;
    border-style: dotted;
    width: 100%;
}

.entry-content,.entry-header,.entry-meta,.entry-title,
.entry-summary,.entry-footer{
    width: 100%;
    word-wrap:break-word;
    overflow: hidden;
}

.entry-summary,
.entry-content{
    color: #424242;
}

.entry-header{
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.entry-title{
    margin-bottom: 14px;
}

.entry-header .entry-title a{
    color: #212121;
}

.entry-meta{
    clear: both;
    color: #727272;
    text-transform: capitalize;
    font-weight: 300;
    letter-spacing: 2px;

}

.entry-meta a{
    clear: both;
    color: #727272;
    text-transform: capitalize;
    line-height: 1.7;
}

.entry-meta h5{
    margin-top: 0px;
    margin-bottom: 0px;
}

.entry-header .entry-meta::after{
    content:"";
    height: 2px;
    display: block;
    width: 50px;
    margin: 10px auto;
}


.taxonomy-description{
    color: #455A64;
    text-align: center;
}


.byline{
    text-transform: capitalize;
}

.byline a{
    color: #727272;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.entry-footer{
    word-spacing: 3px;
    padding-bottom: 2.5em;
}

#category{
    margin-top: 1em;
    margin-bottom: 1em;
}

.cat-links a, .tags-links a{
    color: #727272;
    text-transform: capitalize;
}

.archive-page-title{
    text-transform: capitalize;
}

.search-page-header,.archive-page-header{
    margin-bottom: 1.5em;
}

.search-page-title,.archive-page-title{
    color: #525252;
    text-align: center;
    letter-spacing: 2px;
}

.attachment img{
    margin-right: auto;
    margin-left: auto;
}

.entry-summary,.entry-content{
    text-align: justify;
}

.read-more{
    margin-bottom: 1.2em;
    text-align: center;
    text-transform: uppercase;
}

/**Buttons**/
.btn-default{
    border: none;
    border-radius: 0px;
    color: #212121;
}

.btn-default:hover, .btn-default:focus{
    color: #fff;
}

.btn-default:visited{
    color:#212121;
}

/*Image attachment*/
.image-attachment .entry-meta a{
    color: #607D8B;
    text-decoration: underline;
}

.image-attachment .entry-content{
    text-align: right;
}

/* 
* 4.2 Page and Post Navigation links 
* --------------------------------------------------------------
*/


.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.nav-links{ 
    background: #fff;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
    padding: 15px;
    text-align: center;
    margin-bottom: 2em;
}

.nav-links .fa{
    color: #727272;
}

.nav-previous,.nav-next,.next-post,.prev-post{
    background: #fff;   
    color: #727272;
    font-weight: 400;
    text-transform: capitalize;
    padding: 1em;
}

.posts-navigation .next-post a,.posts-navigation .prev-post a{
    font-size: 18px;
}


.next-post a,.prev-post a{
    color: #424242;
}

.next-prev-text{
    color: #727272;
    font-size: 14px;
}


/*
* 4.3 Post Formats
* -------------------------------------
*/



/* Post Format = Status----------------------------------------------- */

.blog .format-status .entry-content,
.archive .format-staus .entry-content{ 
    background-color: #CFD8DC;  
    padding-top: 2em;
    font-size: 16px;
}

.blog .format-status .entry-footer,
.archive .format-staus .entry-footer{ 
    background-color: #CFD8DC;  
}

/*
* 4.4 Gallery
* -----------------------------------------
*/

.gallery {
    margin-bottom: 1.6em;
}

.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-icon img {
    margin: 0 auto;
}

.gallery-caption {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.5;
    padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}


/*
* 4.5 Post-Comments
* ------------------------------
**/


.comments-author .url{
    text-transform: uppercase;
}

.avatar{
    height: 50px;
    width: 50px;
    border-radius: 25px;
}

.comment-respond label {
    display: block;
    font-weight: normal;
}

.comment-metadata{
    font-size: 0.8em;
}

.comment-list{
    list-style: none;
}

.comment-list .depth-1{
    margin: 20px 0px;
    border-bottom: 1px dotted #DDD;
    padding: 5px 0px 18px;
}

.comment-list .children{
    list-style: none;
}

.comment-content{
    margin-bottom: 0.3em;
}

.comment-respond #submit{
    background-color: #455A64;
    background:    -moz-linear-gradient(#607d8b, #455a64);
    background:    -o-linear-gradient(#607d8b, #455a64);
    background:    -webkit-linear-gradient(#607d8b, #455a64);
    background:    linear-gradient(#607d8b, #455a64);
    color: white;
    border:none;
    border-radius: 4px;
}

.comment-respond{
    padding-top: 5px;
}

.comment-metadata time{
    color: #aaa;
}

.bypostauthor {
    
}
/**
 * 5.0 Sidebar - Widgets
 * ----------------------------------------------------------------------------
 */
#secondary .widget{
    background-color: white;
    color: #727272;
    font-size: 16px;
    margin-bottom: 2em;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    padding: 24px 24px 24px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}

#secondary .widget-title{
    font-weight: 400;
    position: relative;
}

#secondary .widget-title{
    margin-top: -24px;
    margin-right: -24px;
    margin-left: -24px;
    margin-bottom: 2em;
    padding: 1.5em 1.5em 0;
    text-transform: uppercase;
}


#secondary .widget-title::after{
    content: "";
    position: absolute;
    width: 50px;
    display: block;
    height: 4px;
    bottom: -15px;
}

#secondary .widget a{
    color: #727272;
}

#secondary .widget .widget-title .rsswidget{
    color: #212121;
}

.widget_rss li{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#recentcomments li{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}


.widget ul{
    list-style: none;
    padding: 0em 1em;
}

#secondary .widget li{
    border-bottom: 1px solid #ddd;
    padding: 0.5em 0;
}

#secondary .widget li:last-child{
    border-bottom: none;
}

.widget ul ul {
    padding: 0 1em 0 0;
}


.widget th, .widget td {
  padding: 0.2em;
  text-align: right;
}


.widget select {
    max-width: 100%;
}

#secondary .widget hr{
    border-color: #ddd;
}

#secondary .widget table caption{
    color: #455A64;
}

#secondary .widget #recentcomments a{
    color: #607D8B;
}

#secondary .widget .rsswidget{
    color: #607D8B;
}

#secondary .widget .rsswidget img{
    margin-top: 12px;
}

.widget_text img{
    max-width: 100%;
}

.widget input[type="search"].search-field {
        width: -webkit-calc(100% - 35px);
        width: calc(100% - 35px);
}

.widget .search-submit:before {
        font-size: 16px;
        right: 1px;
        line-height: 35px;
        width: 34px;
}

.widget button.search-submit {
        padding: 0;
        width: 35px;
}


/*
* 6.0 Site Footer
* --------------------------------------------------------------------
*/

.site-footer{
    background-color: #222;
    color: white;
    min-height: 70px;
    font-size: 16px;
    padding: 1em;
    letter-spacing: 1px;
}

.site-info{
    text-align: center;
}

.site-footer a{
    color: white;
}

/*
* 7.0 Media Queries
* --------------------------------------------------------------------
*/

@media (max-width: 900px){
    body{
        font-size: 16px
    }

    h1{
        font-size: 26px;
    }
    h2{
        font-size: 22px;
    }
    h3{
        font-size: 18px;
    }
    h4{
        font-size: 16px;
    }
    h5{
        font-size: 14px;
    }
    h6{
        font-size: 12px;
    }
    
    blockquote{
        margin-right: 0.3em;
    }
    table {
      -ms-word-break: break-all;
     word-break: break-all;

    }
    .navbar-nav{
        float: none;
    }

    .sticky-post{
        padding: 3px 15px;
    }
    
    .entry-header,.entry-content,.entry-summary,.entry-footer{
        padding: 1em 1.5em;
    }

    .entry-footer{
        padding-bottom: 1em;
    }

    .featured-image{
        padding: 0.5em 0.5em;
    }

    .single-post-content{
        padding: 0 1.5em;
    }

    .post-comments,.comments-area{
        border: none;
        box-shadow: none;
        padding: 1.2em 1em;
        overflow: hidden;
        width: 100%;
    }

    .comment-content table{
        overflow: hidden;
    }
    .comment-list {
        padding: 10px;
    }

    .comment-list ol{
        padding-right: 10px;
    }
    input,textarea,iframe{
        width: 100%;
    }

    #submit,.search-submit{
        width: auto;
    }

    th, td {
      padding: 0.2em;
      text-align: right;
      border: 1px solid #B6B6B6;
    }

  }
@media (max-width: 767px) {
    body{
        font-size: 16px
    }
    .site-header{
        position: relative;
        width: 100%;
        min-height: 170px;
        margin-bottom: 2em;
    }

    .site-title {
        font-size: 2em;
        letter-spacing: 10px;  
    }

    .site-title::after{
        background-color: #fff;
        content:"";
        height: 1px;
        display: block;
        width: 20%;
        margin: 5px auto;
    }

    .site-description {
        font-size: 14px;
        letter-spacing: 1px; 
    }

    .site-footer{
        font-size: 14px;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        border-top: none;
    }    
}
@media (max-width: 359px) {
    .site-header{
        position: relative;
        width: 100%;
        min-height: 100px;
        margin-bottom: 1.5em;
    }

    .site-title {
        font-size: 1.5em;
        letter-spacing: 2px;  
        margin-top: 5px;
        margin-bottom: 3px;
    }

    .site-title ::after{
        margin: 2px auto;
    }

    .site-description {
        font-size: 8px;
        letter-spacing: 0px;
        margin-top: 1px;
        margin-bottom: 2px;
    }
}


/**
 * 8.0 Print
 * ----------------------------------------------------------------------------
 */


@media print {
    body {
        background: none !important;
        color: #000;
        font-size: 10pt;
    }

    
    .site {
        max-width: 98%;
    }

    .site-header {
        background-image: none !important;
    }

    .site-header .home-link {
        max-width: none;
        min-height: 0;
    }

    .site-title {
        color: #000;
        font-size: 21pt;
    }

    .site-description {
        font-size: 10pt;
    }

    .author-avatar,
    .site-footer,
    .comment-respond,
    .comments-area .comment-edit-link,
    .comments-area .reply,
    .comments-link,
    .entry-meta .edit-link,
    .page-links,
    .site-content nav,
    .widget-area,
    .main-navigation,
    .navbar,
    .more-link {
        display: none;
    }

    .entry-header,
    .entry-content,
    .entry-summary,
    .entry-meta {
        margin: 0;
        width: 100%;
    }

    .page-title,
    .entry-title {
        font-size: 21pt;
    }

    .entry-meta,
    .entry-meta a {
        color: #444;
        font-size: 10pt;
    }

    .entry-content img.alignleft,
    .entry-content .wp-caption.alignleft {
        margin-right: 0;
    }

    .entry-content img.alignright,
    .entry-content .wp-caption.alignright {
        margin-left: 0;
    }

    .format-image .entry-content .size-full {
        margin: 0;
    }

    /* Remove colors from post formats */
    .hentry {
        background-color: #fff;
    }

    /* Comments */
    .comments-area > li.comment {
        background: none;
        position: relative;
        width: auto;
    }

    .comment-metadata {
        float: none;
    }

    .comment-author .fn,
    .comment-reply-link,
    .comment-reply-login {
        color: #333;
    }
}

/**
 * 9.0 Jetpack Infinite Scroll
 * ----------------------------------------------------------------------------
 */

/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll .posts-navigation {
    display: none;
}
#infinite-handle {
    margin-bottom: 32px;
    text-align: center;
}
#infinite-handle span {
    background-color: white !important;
    color: #424242 !important;
    clear: both;
    font-size: 18px !important;
    margin-bottom: 2em;
     box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); 
    padding:10px  15px !important;
}

#infinite-handle span button, 
#infinite-handle span button:hover, 
#infinite-handle span button:focus {
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 2px;
}

/**
 * 10.0 Gutenberg
 * ----------------------------------------------------------------------------
 */

.wp-block-column {
    padding: 0 0 0 7px;
}
.wp-block-image figcaption{
    color: #727272;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 1em;
}